<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="header" th:fragment="thHeader">
  <div class="header-center">
    <div class="logo">
      <el-image :fit="fit" :src="src">
      </el-image>
    </div>
    <div class="search">
      <el-input placeholder="请输入关键字" v-model="input" clearable style="top: 10px; width: 400px;">
        <el-button slot="append" style="background-color: #1362b0; color: white;">搜索</el-button>
      </el-input>
    </div>
    <div class="call-me">
      <i class="el-icon-phone-outline"></i>
      <div class="phonenumber">
        <span>24小时咨询热线</span>
        <strong>010-12345678</strong>
      </div>
    </div>
  </div>
</div>
<div class="header-menue" th:fragment="thHeaderMenue">
  <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" background-color="#1362b0"
           text-color="#fff" active-text-color="#fff" @select="handleSelect">
    <template v-for="(item,ix) in menues">
      <el-menu-item :index="''+ix"><a>{{item}}</a></el-menu-item>
    </template>
  </el-menu>
</div>
</body>
</html>